﻿@model IEnumerable<PeaceBlogData.Tables.Tags>

<div class="w-box w-box-padd prl-panel">
    <h4>Related posts</h4>
    <div class="prl-grid prl-grid-divider">
        <div class="prl-span-4">
            <article class="prl-article">
                <a class="prl-thumbnail" href="#">
                    <span class="prl-overlay">
                        <img src="~/Templates/Blog/images/_p/1.jpg" alt="Praesent lectus orci">
                        <span class="prl-overlay-area o-file"></span>
                    </span>
                </a>
                <h5><a href="#">Praesent lectus orci, volutpat ultrices</a></h5>
                <div class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span> <span><i class="fa fa-comment-o"></i> <a href="#">5</a></span></div>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus orci, volutpat ultrices porta ac, ultricies eget sem.</p>
            </article>

        </div>
        <div class="prl-span-4">
            <article class="prl-article">
                <a class="prl-thumbnail" href="#">
                    <span class="prl-overlay">
                        <img src="~/Templates/Blog/images/_p/2.jpg" alt="Praesent lectus orci">
                        <span class="prl-overlay-area o-file"></span>
                    </span>
                </a>
                <h5><a href="#">Praesent lectus orci, volutpat ultrices</a></h5>
                <div class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span> <span><i class="fa fa-comment-o"></i> <a href="#">5</a></span></div>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus orci, volutpat ultrices porta ac, ultricies eget sem.</p>
            </article>

        </div>
        <div class="prl-span-4">
            <article class="prl-article">
                <a class="prl-thumbnail" href="#">
                    <span class="prl-overlay">
                        <img src="~/Templates/Blog/images/_p/3.jpg" alt="Praesent lectus orci">
                        <span class="prl-overlay-area o-file"></span>
                    </span>
                </a>
                <h5><a href="#">Praesent lectus orci, volutpat ultrices</a></h5>
                <div class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span> <span><i class="fa fa-comment-o"></i> <a href="#">5</a></span></div>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus orci, volutpat ultrices porta ac, ultricies eget sem.</p>
            </article>

        </div>
    </div>
</div>
